<template>
  <p>{{ count }}</p>
  <p>{{ multiple }}</p>
  <button @click="addCount">count++</button>
  <button @click="subCount">count--</button>
  <button @click="resetCount">reset</button>
</template>

<script setup>
import useCount from '@/hooks/useCount'
const { count, multiple, increase, decrease, reset } = useCount(10)
const addCount = () => increase()
const subCount = () => decrease()
const resetCount = () => reset()
</script>

<style lang="scss" scoped></style>
